<template>
  <div class="base_layout_Header" :style="{ 'padding': padding + 'px' }">
    <slot name="onLeft">
      
    </slot>
    <slot name="onCenter">

    </slot>
    <slot name="onRight">

    </slot>
  </div>
</template>

<script lang="ts" setup>
const props = defineProps({
  padding: {
    type: Number
  }
})
</script>

<style lang="scss" scoped>
.base_layout_Header {
  min-height: 5%;
  display: grid;
  flex-shrink: 0;
  box-sizing: border-box;
  grid-template-columns: 1fr 1fr 1fr;
}
</style>
